<template>
  <div class="for_icon">
    <img class="for_img" :src="icon.src" alt="" />
    <span class="for_text" :style="{ color: icon.color || '' }">{{
      icon.text
    }}</span>
  </div>
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
const props = defineProps({
  icon: {
    type: Object,
    required: true,
  },
});
</script>
<style lang="scss" scoped>
.for_icon {
  display: flex;
  align-items: center;
}
.for_img {
  width: 15px;
  height: 15px;
}
.for_text {
  margin: 0px 5px;
}
</style>
